<script setup lang="ts">
import PageTabBar from "@/components/PageTabBar.vue";
</script>
<template>
  <div class="home-box">
    <div class="home-layout">
      <!-- <RouterView /> -->
      <RouterView>
        <template #default="{ Component, route }">
          <transition name="zoom-fade" mode="out-in" appear>
            <component :is="Component" :key="route.fullPath" />
          </transition>
        </template>
      </RouterView>
    </div>
    <PageTabBar />
  </div>
</template>

<style scoped lang="scss">
.home-box {
  min-height: 100vh;
}
.home-layout {
  height: calc(100vh - var(--van-tabbar-height));
  overflow-y: auto;
  padding-bottom: var(--van-tabbar-height);
}
</style>
